/**
 * @license
 * Copyright Akveo. All Rights Reserved.
 * Licensed under the MIT License. See License.txt in the project root for license information.
 */

@mixin nb-components-toaster-theme() {

  .toast-close-button {
    position: absolute;
    @include nb-ltr(right, 0.15rem);
    @include nb-rtl(left, 0.15rem);
    top: 0.2rem;
    opacity: 1;
    background-color: nb-theme(toaster-btn-close-bg);
    border-radius: 3px;
    font-size: 1.5rem;
    color: nb-theme(toaster-fg-default);
    text-shadow: none;
    button {
      padding: 5px;
    }
    &:hover,
    &:focus {
      opacity: 1;
      outline: none;
    }
  }
  .toast {
    color: nb-theme(toaster-fg-default) !important;
    background-color: nb-theme(toaster-bg);
    box-shadow: none !important;
    opacity: 0.9 !important;
    &:hover {
      box-shadow: nb-theme(toaster-shadow);
      opacity: 1 !important;
    }
  }
  // have to use id selector for specifity
  /* stylelint-disable-next-line selector-max-id */
  #toast-container > div.toast {
    @include nb-rtl(padding-left, 15px);
    @include nb-rtl(padding-right, 50px);
  }
  .toaster-icon {
    @include nb-rtl(right, 0);
    @include nb-rtl(background-position-x, 0);
  }
  .toast-success {
    background-color: nb-theme(toaster-success);
    color: nb-theme(toaster-fg) !important;
    .toast-close-button {
      color: nb-theme(toaster-fg);
    }
  }
  .toast-error {
    background-color: nb-theme(toaster-error);
    color: nb-theme(toaster-fg) !important;
    .toast-close-button {
      color: nb-theme(toaster-fg);
    }
  }
  .toast-info {
    background-color: nb-theme(toaster-info);
    color: nb-theme(toaster-fg-default) !important;
    .toast-close-button {
      color: nb-theme(toaster-fg);
    }
  }
  .toast-wait {
    background-color: yellow;//nb-theme(toaster-wait);
    color: nb-theme(toaster-fg) !important;
    .toast-close-button {
      color: nb-theme(toaster-fg);
    }
    .icon-wait {
      background-image: url('') !important;
    }
  }
  .toast-warning {
    background-color: nb-theme(toaster-warning) !important;
    color: nb-theme(toaster-fg);
    .toast-close-button {
      color: nb-theme(toaster-fg);
    }
  }
  .toast-title {
    word-wrap: break-word;
  }
}
